﻿<!doctype html>
<html>
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0,target-densitydpi=device-dpi, user-scalable=no">
<link href="css/edu-android-common.css" rel="stylesheet" />
<link rel="stylesheet" media="all and (orientation:landscape)" href="css/edu-android-live.landscape.css"/>
<link rel="stylesheet" media="all and (orientation:Portrait)" href="css/edu-android-live.portrait.css"/>
<title>Android Live</title>
<script type="text/javascript" src="js/jquery-1.8.2.min.js"></script>
<script type="text/javascript" src="js/android.live.adaptation.js"></script>
<script type="text/javascript" src="js/jquery.touchwipe.1.1.1.js"></script>
</head>

<body>
<div class="nipad">
	<div class="nipadTop"> <img src="images/nipad-logo.gif" border="0" />
		<h1>Gensee网络会议客户端介绍</h1>
	</div>
	<div class="nipadMain">
		<div class="nipadMainL divToMain">
			<div class="ppt">
				<div class="title">
					<h3 class="titleR">
						<p class="titleM">文档 - 第四章 高可靠性的服务器配置 </p>
					</h3>
				</div>
				<div class="pptCnt">
					<div class="pptCntR">
						<div id="pptCntM" class="pptCntM pptBigH"><img style="display:table;" src="images/nipad-video.jpg" width="100%" height="1050" /> </div>
					</div>
				</div>
				<div class="pptBtm">
					<div class="pptBtmR">
						<p class="pptBtmM"></p>
					</div>
				</div>
			</div>
		</div>
		<div class="nipadMainR">
			<div class="rightTop">
				<div class="video">
					<div class="title">
						<h3 class="titleR">
							<p class="titleM">视频</p>
						</h3>
					</div>
					<div class="videoCnt">
						<div class="videoCntR">
							<div  id="videoWrap" class="videoCntM">
								<video width="100%" height="100%" src="media/launch.m4v"> Sorry!  No video tag for you. </video>
                                <div id="ctrlbar" class="ctrlbar">
                                	 <a id="play" class="play-b" href="#"></a>
                                     <a id="zoom" class="z-big" href="#"></a>
                                </div>
							</div>
						</div>
					</div>
					<div class="videoBtm">
						<div class="videoBtmR">
							<p class="videoBtmM"> </p>
						</div>
					</div>
				</div>
			</div>
			<div class="rightBottom">
				<div class="ask askCurrent1">
					<div class="askTabWrap">
						<ul class="askTab">
							<li><a href="#" class="askTab1"><b>我的问答</b></a></li>
							<li><a href="#" class="askTab2"><b>所有问答</b><span class="num">5</span></a></li>
							<li><a href="#" class="askTab2"><b>公聊</b></a></li>
							<li><a href="#" class="askTab2"><b>文字聊天</b></a></li>
						</ul>
					</div>
					<div class="askCnt">
						<div class="askCnt1">
							<div class="askCntMi">
								<div class="askCntR">
									<!--<div class="my-qa">
										<label>
											<input type="checkbox" />只看我的问答
										</label>
									</div>-->
									<div id="askCntM_a" class="askCntM askSmallH">
										<dl class="askList unPush">
											<dd class="q">我对你们的这个产品很有兴趣，想问下他能支持300个人以上的直播吗？
												<p class="sign">- feil.wang (13:24:35)</p>
											</dd>
										</dl>
										<dl class="systemSmg">
											<dt class="smg">系统消息：</dt>
											<dd>缓冲中，请稍后...</dd>
										</dl>
										<dl class="askList">
											<dd class="q">我对你们的这个产品很有兴趣，想问下他能支持300个人以上的直播吗？
												<p class="sign">- 用户甲 (13:24:35)</p>
											</dd>
											<dd class="a">没有问题</dd>
										</dl>
										<dl class="askList">
											<dd class="q">我对你们的这个产品很有兴趣，想问下他能支持300个人以上的直播吗？
												<p class="sign">- encho.jan (13:24:35)</p>
											</dd>
											<dd class="a">没有问题</dd>
										</dl>
										<dl class="askList">
											<dd class="q">我对你们的这个产品很有兴趣，想问下他能支持300个人以上的直播吗？</dd>
											<dd class="a">没有问题</dd>
										</dl>
										<dl class="askList">
											<dd class="q">我对你们的这个产品很有兴趣，想问下他能支持300个人以上的直播吗？</dd>
											<dd class="a">没有问题</dd>
										</dl>
										<dl class="askList">
											<dd class="q">我对你们的这个产品很有兴趣，想问下他能支持300个人以上的直播吗？</dd>
											<dd class="a">没有问题</dd>
										</dl>
										<dl class="askList">
											<dd class="q">我对你们的这个产品很有兴趣，想问下他能支持300个人以上的直播吗？</dd>
											<dd class="a">没有问题</dd>
										</dl>
										<dl class="askList">
											<dd class="q">我对你们的这个产品很有兴趣，想问下他能支持300个人以上的直播吗？</dd>
											<dd class="a">没有问题</dd>
										</dl>
										<dl class="askList">
											<dd class="q">我对你们的这个产品很有兴趣，想问下他能支持300个人以上的直播吗？</dd>
											<dd class="a">没有问题</dd>
										</dl>
									</div>
								</div>
							</div>
						</div>
						<div class="askCnt2">
							<div class="askCntMi">
								<div class="askCntR">
									<div id="askCntM_b" class="askCntM">
										<dl class="askList">
											<dd class="q">我对你们的这个产品很有兴趣</dd>
											<dd class="a">没有问题</dd>
										</dl>
										<dl class="askList">
											<dd class="q">我对你们的这个产品很有兴趣</dd>
											<dd class="a">没有问题</dd>
										</dl>
									</div>
								</div>
							</div>
						</div>
					</div>
					<div class="askBtm">
						<div class="askBtmR">
							<div class="askBtmM">
								<div class="askiptwrap">
									<div class="choose-bar">
										<h3 class="role-all">我对所有人说</h3>
										<em></em>
										<ul class="roleList">
											<li class="role-all">所有人</li>
											<li class="role-adm">组织者RIO</li>
											<li class="role-adm">组织者AAA</li>
											<li class="role-adm">组织者CCC</li>
										</ul>
									</div>
									<div class="askinputbtm">
									<input class="askinput" type="text" placeholder="请点击这里输入您的问题" />
									</div>
									<input class="askbtn" type="button" value="发送" />
								</div>
							</div>
						</div>
					</div>
<script type="text/javascript">
$(document).ready(function() {
	$(".choose-bar").click(function(){
		$(".roleList").slideToggle(function(){
			var emClass = $(".choose-bar em").attr("class");
			if(emClass == null||emClass==""){
				$(".choose-bar em").addClass("rotate");
			}
			else{
				$(".choose-bar em").removeClass("rotate");
				}
			$(this).find("li").click(function(){
				$(".choose-bar h3").text("我对"+$(this).text()+"说");
				var liCurClass = $(this).attr("class");
				if(liCurClass == "role-all"){
					$(this).addClass("role-all-now");
				}
				else{
					$(this).addClass("role-now");
					$(this).siblings().removeClass("role-now");
					$(this).siblings().removeClass("role-all-now");
				}
				var thisRoleClass = $(this).attr("class");
				$(".choose-bar h3").attr("class",thisRoleClass);
			});
		});
	});
});
</script>
				</div>
			</div>
			
			<!--文字直播-->
			<div class="text-live-container">
				<div class="title">
					<h3 class="titleR">
						<p class="titleM">文字直播</p>
					</h3>
				</div>
				<div class="textLiveCnt">
					<div class="textLiveCntR">
						<div class="textLiveCntM">
							<div class="text-live-cnt">
								<ul>
									<li><i>[10:05:14]</i><span>文字直播内容，文字直播内容，文字直播内容，</span></li>
									<li><i>[10:05:14]</i><span>文字直播内容，文字直播内容，文字直播内容，</span></li>
									<li><i>[10:05:14]</i><span>文字直播内容，文字直播内容，文字直播内容，</span></li>
									<li><i>[10:05:14]</i><span>文字直播内容，文字直播内容，文字直播内容，</span></li>
									<li><i>[10:05:14]</i><span>文字直播内容，文字直播内容，文字直播内容，</span></li>
									<li><i>[10:05:14]</i><span>文字直播内容，文字直播内容，文字直播内容，</span></li>
								</ul>
							</div>
							<div class="lang-area">
								<span class="lang-icon-ch" id="langIcon"></span>
								<select class="lang-selt" id="selectLang">
									<option value="ch">中文</option>
									<option value="en">英文</option>
									<option value="jp">日文</option>
								</select>
							</div>
<script type="text/javascript">
$(function(){
	$("#selectLang").change(function(){
		var val = $(this).val();
		var $langIcon = $("#langIcon");
		if(val == "ch"){
			$langIcon.attr("class","lang-icon-ch");
		}else if(val == "en"){
			$langIcon.attr("class","lang-icon-en");
		}else if(val == "jp"){
			$langIcon.attr("class","lang-icon-jp");
		}
	});
});
</script>
						</div>
					</div>
				</div>
				<div class="textLiveBtm">
					<div class="textLiveBtmR">
						<p class="textLiveBtmM"></p>
					</div>
				</div>
			</div>
			<!--文字直播 End-->

            <!--问答推送-->
            <div class="qa-push-container">
                <div class="title">
                    <h3 class="titleR">
                        <p class="titleM">当前正在讲解的问题...<a class="qa-push-close" href="javascript:;">X</a></p>
                    </h3>
                </div>
                <div class="textLiveCnt">
                    <div class="textLiveCntR">
                        <div class="textLiveCntM">
                            <div class="text-live-cnt">
                                <ul>
                                    <li><i>10:05:14</i><em>sam</em>: <span>问答推送，问答推送，问答推送，问答推送，</span></li>
                                    <li><i>10:05:14</i><em>sam2</em>: <span>问答推送，问答推送，问答推送，问答推送，</span></li>
                                    <li><i>10:05:14</i><em>sam</em>: <span>问答推送，问答推送，问答推送，问答推送，</span></li>
                                    <li><i>10:05:14</i><em>sam2</em>: <span>问答推送，问答推送，问答推送，问答推送，</span></li>
                                    <li><i>10:05:14</i><em>sam</em>: <span>问答推送，问答推送，问答推送，问答推送，</span></li>
                                    <li><i>10:05:14</i><em>sam2</em>: <span>问答推送，问答推送，问答推送，问答推送，</span></li>
                                    <li><i>10:05:14</i><em>sam</em>: <span>问答推送，问答推送，问答推送，问答推送，</span></li>
                                    <li><i>10:05:14</i><em>sam2</em>: <span>问答推送，问答推送，问答推送，问答推送，</span></li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="textLiveBtm">
                    <div class="textLiveBtmR">
                        <p class="textLiveBtmM"></p>
                    </div>
                </div>
            </div>
            <!--问答推送 End-->
			
		</div>
	</div>
	<div class="nipadBtm">
		<div class="nipadBtmR">
			<div class="nipadBtmM"> <a class="nipad-about" href="#"></a> <a class="nipadb-a1" href="#"></a> <a class="nipadb-a2" href="#"></a> <a class="nipadb-a3" href="#"></a> <a class="nipadb-a6" href="#"></a></div>
		</div>
	</div>
	<!--<div class="vote">
		<div class="title">
			<h3 class="titleR">
				<p class="titleM">投票调查A <a class="votemin" href="javascript:;">—</a> <a class="voteclose" href="javascript:;">X</a> </p>
			</h3>
		</div>
		<div class="voteCnt">
			<div class="voteCntR">
				<div class="voteCntM">
					<div class="toupiao">
						<h3>1+1=?</h3>
						<div class="toupiaoCnt">
							<label class="rightans">
								<input type="radio" name="RadioGroup1" value="" id="RadioGroup1_0" />
								2<span> - 正确答案</span></label>
							<br />
							<label>
								<input type="radio" name="RadioGroup1" value="" id="RadioGroup1_1" />
								11</label>
							<br />
							<label>
								<input type="radio" name="RadioGroup1" value="" id="RadioGroup1_2" />
								1</label>
							<br />
						</div>
					</div>
					<div class="diaocha">
						<h3>有什么建议？</h3>
						<div class="diaochaCnt">
							<textarea class="txt" name="" cols="" rows=""></textarea>
						</div>
					</div>
					<div class="votebtn">
						<input class="tpbtn" type="button" value="提 交" />
					</div>
				</div>
			</div>
		</div>
		<div class="voteBtm">
			<div class="voteBtmR">
				<p class="voteBtmM"></p>
			</div>
		</div>
	</div>
	<div class="voteResult">
		<div class="title">
			<h3 class="titleR">
				<p class="titleM">投票调查A结果 <a class="votemin" href="javascript:;">—</a> <a class="voteclose" href="javascript:;">X</a> </p>
			</h3>
		</div>
		<div class="voteCnt">
			<div class="voteCntR">
				<div class="voteCntM">
					<div class="toupiao">
						<h3>1+1=?</h3>
						<div class="toupiaoCnt">
							<li>
							<table cellspacing="0" cellpadding="0" border="0" bgcolor="#ffffff" width="140" style="float:left;border:1px solid #366d00;">								<tbody>
									<tr>
										<td width="65%" height="8" style="background:url(images/progress-bar.gif) #5cbb00"></td>
										<td width="100%"></td>
									</tr>
								</tbody>
							</table>
							<span><em>65 (65%)</em><strong>答案111111111</strong></span>
							</li>
							<li>
							<table cellspacing="0" cellpadding="0" border="0" bgcolor="#ffffff" width="140" style="border:1px solid #366d00;">								<tbody>
									<tr>
										<td width="25%" height="8" style="background:url(images/progress-bar.gif) #5cbb00"></td>
										<td width="100%"></td>
									</tr>
								</tbody>
							</table>
							<span><em>25 (25%)</em><strong>答案222222222</strong></span>
							</li>
							<li>
							<table cellspacing="0" cellpadding="0" border="0" bgcolor="#ffffff" width="140" style="border:1px solid #366d00;">								<tbody>
									<tr>
										<td width="10%" height="8" style="background:url(images/progress-bar.gif) #5cbb00"></td>
										<td width="100%"></td>
									</tr>
								</tbody>
							</table>
							<span><em>10 (10%)</em><strong>答案333333333</strong></span>
							</li>
						</div>
					</div>
					<div class="diaocha">
						<h3>有什么建议？</h3>
						<div class="diaochaCnt">
							很好很强大！很好很强大！很好很强大！很好很强大！很好很强大！很好很强大！
						</div>
					</div>
				</div>
			</div>
		</div>
		<div class="voteBtm">
			<div class="voteBtmR">
				<p class="voteBtmM"></p>
			</div>
		</div>
	</div>-->
	<!--<div class="toMin">
		<ul class="winListShow">
			<em></em>
			<li class="winItem current">投票调查A结果</li>
			<li class="winItem" >投票调投票调投票调查A</li>
			<li class="winItem green">投票调投票调投票调投票调投票调投票调投票调查B</li>
		</ul>
		<div class="minBtn"></div>
	</div>
<script type="text/javascript">
$(document).ready(function() {
	$(".minBtn").click(function(){
		$(".winListShow").stop(true,true).slideToggle(500);
		$(".winListShow em").stop(true,true).slideToggle(500);
	});
	$(".winItem").click(function(){
		$(this).addClass("current");
		$(this).siblings().removeClass("current");
	});
});
</script>
	<div class="callNames">
		<h3>点名</h3>
		<div class="callNamesCnt">
			<div class="floatl">
				<p>现在开始点名，请点击右方出席按钮确认出席</p>
				<p><span class="sec">56</span>秒后点名结束。</p>
			</div>
			<div class="floatr">
				<input class="callNamesBtn" type="submit" />
			</div>
		</div>
	</div>
	<div id="popDivId" class="popDiv">
		<div id="ipad-tx">
			<div id="ipad-txt">
				<div id="ipad-txt1"></div>
				<div id="ipad-txt2">
					<input id="winClose" type="button" value="" name="" />
				</div>
				<div id="ipad-txt3"></div>
			</div>
			<div id="ipad-txc">
				<div id="ipad-txc1"></div>
				<div id="ipad-txc2">
					<div id="ipad-txpic">很抱歉，您的权限不够</div>
				</div>
				<div id="ipad-txc3"></div>
			</div>
		</div>
	</div
></div>
	<div id="idCover" class="coverLayer"></div>-->
</body>
</html>
